问题标题

如何在列表中加入列总计信息

问题描述

在列表中，希望可以显示一列的总计信息，如求和、平均等。

解决方案

VTable提供了aggregation配置，用于配置表格中的数据聚合规则和展示位置，可以在option中配置aggregation指定聚合的全局规则，也可以在每个column中配置aggregation指定该列的聚合规则。aggregation中需要配置以下属性：

• aggregationType:
  
• 求和，设置aggregationType为AggregationType.SUM
  
• 平均，设置aggregationType为AggregationType.AVG
  
• 最大值，设置aggregationType为AggregationType.MAX
  
• 最小值，设置aggregationType为AggregationType.MIN
  
• 计数，设置aggregationType为AggregationType.COUNT
  
• 自定义函数，设置aggregationType为AggregationType.CUSTOM，通过aggregationFun来设置自定义的聚合逻辑
  
• aggregationFun: aggregationType为AggregationType.CUSTOM时自定义聚合逻辑
  
• showOnTop: 控制聚合结果的展示位置，默认为false，即聚合结果展示在 body 的底部。如果设置为true，则聚合结果展示在 body 的顶部。
  
• formatFun: 设置聚合值的格式化函数，可以自定义聚合值的展示格式。
  

代码示例

const options = {
    //......
    columns: [
      {
        aggregation: [
          {
            aggregationType: VTable.TYPES.AggregationType.MAX,
            // showOnTop: true,
            formatFun(value) {
              return '最高薪资:' + Math.round(value) + '元';
            }
          }
        ]
      },
      // ......
    ]
};</br>

结果展示

示例代码：https://www.visactor.io/vtable/demo/list-table-data-analysis/list-table-aggregation-multiple

相关文档

基础表格数据分析教程：https://www.visactor.io/vtable/guide/data_analysis/list_table_dataAnalysis
相关api：https://www.visactor.io/vtable/option/ListTable#aggregation
github：https://github.com/VisActor/VTable